<template>
  <div class="account_expired">
    <div class="account_expired_container">
      <img src="@/assets/images/common/applicationLimit.png">
      <div class="account_expired_tips1">VIP版本已过期，暂无法使用</div>
      <div class="account_expired_tips2">您的VIP版本已过期，且超过30天未续费，应用已无法使用；请联系管理员及时续费。</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'accountExpired',
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="less">
.account_expired {
  .account_expired_container {
    display: inline-block;
    position: absolute;
    width: 606px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .account_expired_tips1 {
    margin-top: 2px;
    font-size: 16px;
    color: #262626;
    text-align: center;
  }
  .account_expired_tips2 {
    margin-top: 6px;
    font-size: 14px;
    color: #8C8C8C;
    text-align: center;
  }
  .account_expired_link {
    margin-top: 60px;
    padding: 8px 16px;
    font-size: 14px;
    color: #fff;
    background: #FF884D;
    border-radius: 2px;
    border: none;
    outline: none;
    cursor: pointer;
  }
}
html, body {
  background: #fff;
}
</style>
